<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>个人信息</title>
<meta name="viewport"
	content="width=device-width,initial-scale=1,user-scalable=0">
<link rel="stylesheet" href="${ctxPath}/weui/css/weuix.min.css" />
<link rel="stylesheet" href="${ctxPath}/css/personal/personal-detail.css" />

<script src="${ctxPath}/weui/js/zepto.min.js"></script>
<script src="${ctxPath}/js/personal/personal-detail.js"></script>
<link rel="shortcut icon" href="${ctxPath}/pic/icon.jpg" />
</head>
<body ontouchstart style="background-color: #f8f8f8;"
	ctxPath="${ctxPath}">
	
<%
 var  url = picUrl! ;  //安全输出.即使没有图片url页面渲染也不会保存
 var defaultPic= ctxPath + "/pic/default.jpg";
 var name = info.userName!;
 var sex = info.sex!;
 var phoneNumber = info.phoneNumber!;
 var email = info.email!;
 var birthday = info.birthday!;
 var school = info.schoolOrCompany!; 
 var class = info.classOrDepartment!;
 var title = info.title!;
 var personalLabel = info.personalLabel!;
 var personalDesc = info.personalDesc!;
%>
	
	<div class="bg-blue weui-header">
		<div class="weui-header-left">
			<a class="icon icon-109 f-white" href="javascript:history.go(-1)"></a>
		</div>
		<h1 class="weui-header-title">个人中心</h1>
	</div>
    <div class="weui_tab info_head">
		<div class="weui_navbar info_head" id="myInfoTab">
			<div id="myInfo" class="weui_navbar_item tab-blue">基本资料</div>
			<div id="moreInfo" class="weui_navbar_item">更多信息</div>
			<div id="aboutInfo" class="weui_navbar_item">个人风采</div>
		</div>
	</div>

<!-- 隐藏域 接收id-->
<input id="id" type="hidden" value="${info.id!}">

<div>
<div id="myInfoDiv" >
	<div class="weui-form-preview">
            <div class="weui-form-preview-hd">
                <label class="weui-form-preview-label">头像</label>
               <em class="weui-form-preview-value"><img alt="图片迷路了..." src="${isEmpty(url) ? defaultPic : url}"></em>
            </div>
            <div class="weui-form-preview-bd">
                <p>
                    <label class="weui-form-preview-label">姓名</label>
                    <span class="weui-form-preview-value">${isEmpty(name)  ? "未填写" : name}</span>
                </p>
                <p>
                    <label class="weui-form-preview-label">性别</label>
                    <span class="weui-form-preview-value">${isEmpty(sex)?"未填写":sex}</span>
                </p>
                <p>
                    <label class="weui-form-preview-label">手机号</label>
                    <span class="weui-form-preview-value">${isEmpty(phoneNumber)? "未填写":phoneNumber}</span>
                </p>
                <p>
                    <label class="weui-form-preview-label">邮箱</label>
                    <span class="weui-form-preview-value">${isEmpty(email)?"未填写":email}</span>
                </p>
                <p>
                    <label class="weui-form-preview-label">生日</label>
                    <span class="weui-form-preview-value"><% if (isEmpty(birthday)){ %>
                    																						未填写
                    																					  <% } else { %>
                    																						${birthday,dateFormat="yyyy-MM-dd"}
                    																					  <% } %>
                   	</span>
                </p>
                <p>
                    <label class="weui-form-preview-label">学校</label>
                    <span class="weui-form-preview-value">${isEmpty(school)?"未填写":school}</span>
                </p>
                <p>
                    <label class="weui-form-preview-label">班级</label>
                    <span class="weui-form-preview-value">${isEmpty(class)?"未填写":class}</span>
                </p>
                <p>
                    <label class="weui-form-preview-label">职务</label>
                    <span class="weui-form-preview-value">${isEmpty(title)?"未填写":title}</span>
                </p>
                <p>
                    <label class="weui-form-preview-label">个人标签</label>
                    <span class="weui-form-preview-value">${isEmpty(personalLabel)?"未填写":personalLabel}</span>
                </p>
                <p>
                    <label class="weui-form-preview-label">个人描述</label>
                    <span class="weui-form-preview-value">${isEmpty(personalDesc)?"未填写":personalDesc}</span>
                </p>
                
            </div>
            <div class="weui-form-preview-ft">
                <a class="weui-form-preview-btn weui-form-preview-btn-primary" href="javascript:">操作</a>
            </div>
        </div>
</div>	
<div id="moreInfoDiv" class="info_hide_body ">
	<div class="weui-form-preview" >
		<div class="weui-form-preview-bd" id="extraInfo">
		</div>
		<!--  <div class="weui-form-preview-ft">
                <a class="weui-form-preview-btn " href="javascript:" id="addExtraInfo">添加更多信息</a>
     </div> -->
	</div>
</div>

<div id="aboutDiv" class="info_hide_body ">
	<div class="weui-form-preview" >
			<div class="weui-form-preview-bd" id="myAboutInfo"></div>
     <div class="weui-form-preview-ft">
                <a class="weui-form-preview-btn " href="javascript:" id="addAboutInfo">添加个人风采</a>
     </div>
	</div>
</div>
</div>
</body>
</html>